﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="fabu.aspx.cs" Inherits="carpool.huangwei.fabu" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>上下班拼车发布</title>
    <style type="text/css">
        * {
            padding: 0px;
            margin: 0px;
        }

        #ensemble {
            width: 50%;
            height: 420px;
            border: 1px solid #9a9bba;
            margin: 0 auto;
        }

        #head {
            height: 10%;
            width: 100%;
            background-color: #6299ec;
        }

            #head .zi1 {
                color: white;
                font-size: 13px;
                line-height: 40px;
                margin-left: 30px;
            }

        #centre {
            height: 40%;
            width: 100%;
            display: flex;
        }

        #left {
            flex: 4;
            border: 1px solid #ff0000;
            width: 100%;
            height: 100%;
        }

            #left .kuai_one {
                width: 250px;
                height: 150px;
                margin: 10px auto;
            }

                #left .kuai_one .kuang {
                    width: 150px;
                    height: 20px;
                    border-radius: 2px;
                    border: none;
                    border: 1px solid #808080;
                }

        #right {
            flex: 6;
            width: 100%;
            height: 100%;
        }

            #right .kuai_two {
                width: 350px;
                height: 160px;
                border: 1px solid #6299ec;
                margin: 5px auto;
            }

        #foot {
            height: 50%;
            width: 100%;
            border: 1px solid #ff0000;
        }

            #foot .dakuang {
                height: 140px;
                width: 350px;
                border: 1px solid #808080;
            }
    </style>
    <script src="../js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript">
        $(function () {






        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div id="ensemble">
            <div id="head">
                <span class="zi1">车主发布上下班拼车</span>
                <span class="zi1">[当前城市：<asp:Label ID="lbb_cs" runat="server" Text="Label"></asp:Label>]</span>
            </div>
            <div id="centre">
                <div id="left">
                    <div class="kuai_one">
                        <table>
                            <tr>
                                <td><span>出发地址：</span></td>
                                <td>
                                    <asp:TextBox ID="tb_chufadizhi" runat="server" CssClass="kuang" Text="小区、大厦、路名及门牌号"
                                        OnFocus="javascript:if(this.value=='小区、大厦、路名及门牌号') {this.value=''}"
                                        OnBlur="javascript:if(this.value==''){this.value='小区、大厦、路名及门牌号'}"></asp:TextBox></td>
                            </tr>
                            <tr>
                                <td><span>目的地址：</span></td>
                                <td>
                                    <asp:TextBox ID="tb_mudidizhi" runat="server" CssClass="kuang"
                                        Text="小区、大厦、路名及门牌号"
                                        OnFocus="javascript:if(this.value=='小区、大厦、路名及门牌号') {this.value=''}"
                                        OnBlur="javascript:if(this.value==''){this.value='小区、大厦、路名及门牌号'}"></asp:TextBox></td>
                            </tr>
                            <tr>
                                <td><span>途径</span><span>(可填)：</span></td>
                                <td>
                                    <asp:TextBox ID="tb_tujing1" runat="server" CssClass="kuang"
                                        Text="小区、大厦、路名及门牌号"
                                        OnFocus="javascript:if(this.value=='小区、大厦、路名及门牌号') {this.value=''}"
                                        OnBlur="javascript:if(this.value==''){this.value='小区、大厦、路名及门牌号'}"></asp:TextBox></td>
                            </tr>
                            <tr>
                                <td><span>途径</span><span>(可填)：</span></td>
                                <td>
                                    <asp:TextBox ID="tb_tujing2" runat="server" CssClass="kuang"
                                        Text="小区、大厦、路名及门牌号"
                                        OnFocus="javascript:if(this.value=='小区、大厦、路名及门牌号') {this.value=''}"
                                        OnBlur="javascript:if(this.value==''){this.value='小区、大厦、路名及门牌号'}"></asp:TextBox></td>
                            </tr>
                            <tr>
                                <td><span>途径</span><span>(可填)：</span></td>
                                <td>
                                    <asp:TextBox ID="tb_tujing3" runat="server" CssClass="kuang"
                                        Text="小区、大厦、路名及门牌号"
                                        OnFocus="javascript:if(this.value=='小区、大厦、路名及门牌号') {this.value=''}"
                                        OnBlur="javascript:if(this.value==''){this.value='小区、大厦、路名及门牌号'}"></asp:TextBox></td>
                            </tr>
                            <tr>
                                <td><span>途径</span><span>(可填)：</span></td>
                                <td>
                                    <asp:TextBox ID="tb_tujing4" runat="server" CssClass="kuang"
                                        Text="小区、大厦、路名及门牌号"
                                        OnFocus="javascript:if(this.value=='小区、大厦、路名及门牌号') {this.value=''}"
                                        OnBlur="javascript:if(this.value==''){this.value='小区、大厦、路名及门牌号'}"></asp:TextBox></td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div id="right">
                    <div class="kuai_two ">
                    </div>
                </div>

            </div>
            <div id="foot">
                <table>
                    <tr>
                        <td colspan="5">出发时间：
                            <asp:DropDownList ID="ddl_shiduan" runat="server"></asp:DropDownList>

                            <asp:DropDownList ID="ddl_shi" runat="server"></asp:DropDownList>

                            <asp:DropDownList ID="ddl_fen" runat="server"></asp:DropDownList>
                            <asp:CheckBox ID="CheckBox1" runat="server" />
                            是否有返程</td>
                    </tr>
                    <tr>
                        <td>车型：<asp:DropDownList ID="dd_chexing" runat="server">
                            <asp:ListItem Selected="True">工作日</asp:ListItem>
                            </asp:DropDownList></td>
                        <td>可容纳人数：<asp:TextBox ID="tb_renshu" runat="server"></asp:TextBox></td>
                        <td>每人单程费用：<asp:TextBox ID="tb_feiyong" runat="server"></asp:TextBox></td>
                    </tr>

                </table>
                <div>
                    <table>
                        <tr>
                            <td><span>补充说明：<br />
                            </span>
                                <span>0/500</span></td>
                            <td>
                                <asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine" CssClass="dakuang"></asp:TextBox></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </form>
</body>
</html>
